@import './variables.scss';
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
}

// 搜索表头 - 样式
.wrap_form {
  display: flex;
  height: 30px;
  // overflow: hidden;
  justify-content: space-between;
  margin: 5px 0;
  // margin-bottom: 6px;
  width: 100%;
  .Button_group {
    height: 100%;
    width: auto;
    display: flex;
    // 切换按钮 - 样式
  }
  .Search_group {
    height: 100%;
    width: auto;
    display: flex;
    .el-form-item {
      width: auto;
      height: 100%;
      margin: 0;
      margin-right: 6px;
      .el-form-item__label {
        line-height: 30px;
      }
      .el-form-item__content {
        width: auto;
        height: 100%;
        line-height: normal;
        display: flex;
        .el-select {
          width: 150px;
          height: 100%;
          .el-input {
            width: 100%;
            .el-input__inner {
              border: none;
              background: none;
              // text-align: right;
            }
            .el-input__icon {
              display: flex;
              flex-direction: column;
              justify-content: center;
            }
          }
        }
        .el-input {
          width: 200px;
          height: 100%;
          .el-input__inner {
            width: 100%;
            height: 100%;
          }
        }
      }
    }
  }
}

/* 
带图标短纯色按钮
*/

.icon-short-btn {
  width: 74px;
  height: 30px;
  border: none;
  background: #31a1ec;
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px;
  color: #ffffff;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  .svg-icon {
    font-size: 14px;
    margin-right: 5px;
    color: #ffffff;
  }
}

// 鼠标悬浮
.icon-short-btn:hover {
  background: #4cb0f4;
  color: #fff;
}

// 选中
.icon-short-btn:focus {
  color: #fff;
  background: #1189d9;
}

// flex 布局
// flex 纵向排列
// 纵向布局 - 样式
.main_column {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #131415;
  padding: 6px;
}

// 横向布局 - 样式
.main_row {
  display: flex;
  flex-direction: row;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #131415;
  padding: 6px;
}

.flex_column {
  display: flex !important;
  flex-direction: column !important;
}
.bor {
  border: 1px solid red;
}
// flex 横向排列
.flex_row {
  display: flex !important;
  flex-direction: row !important;
  flex: 1;
}

// 换行
.flex_warp {
  flex-wrap: wrap !important;
}

// 横向居中
.flex_j_center {
  justify-content: center !important;
}

//纵向居中
.flex_a_center {
  align-items: center !important;
}

// 从左排列
.flex_j_start {
  justify-content: flex-start !important;
}

.flex_a_start {
  align-items: flex-start !important;
}

.flex_a_end {
  align-items: flex-end !important;
}

// 多列布局防止换行
.flex_a_content {
  align-content: flex-start !important;
}

// 从右排列
.flex_j_end {
  justify-content: flex-end !important;
}

// 均为分布
.flex_between {
  justify-content: space-between !important;
}

// 指针样式
.pointer {
  cursor: pointer !important;
}
